<!-- page content -->
<div class="right_col" role="main" xmlns:th="http://www.w3.org/1999/xhtml">
    <div class="">
        <div class="page-title">
            <div class="title_left">
                <h3>
                    Thymeleaf Index Page
                </h3>
            </div>
        </div>

        <div class="clearfix"></div>

        <h3>Hello World!</h3>
        <p>====== 下载图片 ====</p>
        <a href="/test/file?fileName=JJJJJJ.jpg">下载</a>
        <p>====== 上传文件====</p>
        <p th:text="${message}"></p>
        <form action="/test/file" method="post" enctype="multipart/form-data">
            <input type="file" name="file">
            <input type="submit" value="上传">

        </form>


        <p>====== th:text ====</p>
        <span th:text="${name}"></span>
        <div th:text="${name}"></div>

        <p>====== th:if,th:unless ====</p>
        <p th:if="${checked} == true">Yong people</p>
        <!-- 如果后面表达式为 false 显示-->
        <p th:unless="${checked} == false">Yong people</p>
        <p th:if="${currentNumber}&lt;100">小于100</p>
        <p th:if="${thymeleafTitle} == null">Title is null</p>
        <p th:if="${thymeleafTitle} != null">Title is not null</p>

        <p>====== 标签属性设置 ====</p>
        <input type="checkbox" th:checked="${checked}">Checkbox
        <!--<img th:src="${src}">-->
        <a th:href="${href}">百度</a>
        <a th:href="@{'/api/city/' + ${city.cityId}}">路劲参数</a>
        <a th:href="@{/api/city(cityName=${city.cityName},
			localCityName=${city.localCityName})}">查询参数</a>

        <p>====== th:object ====</p>
        <div th:object="${city}">
            <span th:text="${city.cityName}"></span>
            <span th:text="*{cityName}"></span>
        </div>

        <p>====== th:each ====</p>
        <ul th:each="city : ${cities}">
            <li th:text="${city.cityName}"></li>
        </ul>
        <table>
            <thead><tr><td>ID</td><td>CityName</td></tr></thead>
            <tbody>
            <tr th:each="city : ${cities}">
                <td th:text="${city.cityId}"></td>
                <td th:text="${city.cityName}"></td>
            </tr>
            </tbody>
        </table>
        <select>
            <option th:each="city : ${cities}" th:value="${city.cityId}"
                    th:text="${city.cityName}"></option>
        </select>

        <p>====== form 表单 ====</p>
        <!-- 有的浏览器并不支持 PUT 请求，SpringMVC 为我们提供了一种解决方案
            全局配置开启 hidden method：spring.mvc.hiddenmethod.filter.enabled=true
            表单中添加 hidden 指定 method
        -->
        <form action="/api/city" method="post" th:object="${city}">
            <input type="hidden" name="_method" value="PUT"/>
            <p><input th:value="${city.cityId}" name="cityId"></p>
            <p><input th:value="${city.cityName}" name="cityName"></p>
            <p><input th:value="${city.localCityName}" name="localCityName"></p>
            <p><input type="submit" value="提交"/></p>
        </form>

        <p>====== th:replace ====</p>
        <div th:replace="test/temp"></div>
    </div>
</div>
<!-- /page content -->